.sc-ion-segment-md-h.ion-color.sc-ion-segment-md-s {
    --border-color: var(--border-primary-color);
  }
  
  .segment-button-layout-icon-top {
    color: var(--text-primary-colr);
  }
  
  .sc-ion-segment-md-h.ion-color.sc-ion-segment-md-s>.segment-button-checked {
    color: var(--ion-color-base) !important;
  }
  
  $feedback-font-size: 1rem;
  
  h2 {
    white-space: normal;
    font-size: 1.5rem !important;
  }
  
  ion-thumbnail {
    width: 80px;
  }
  
  .item-ios ion-thumbnail img {
    border-radius: 0%;
    overflow: hidden;
    max-width: 8rem;
    max-height: 6.4rem;
    width: 100%;
    height: 100%;
  }
  
  .item-ios ion-thumbnail {
    vertical-align: top !important;
    margin: 0px !important;
  }
  
  
  .publish-time {
    padding-top: 3px;
    float: right;
    color: #aaa;
    font-size: $feedback-font-size !important;
  }
  
  .feedback {
    .views {
      display: flex;
      align-items: flex-end;
  
      span {
        margin-left: 4px;
      }
    }
  
    .icon {
      color: #aaa;
      font-size: $feedback-font-size !important;
    }
  
    span {
      color: #aaa;
      font-size: $feedback-font-size !important;
    }
  }
   
  .segment {
    padding: 0 4px;
  }
  
  .segment-ios .segment-button:first-of-type {
    border-top-left-radius: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0px;
    margin-right: 0;
  }
  
  .segment-ios .segment-button:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0;
    margin-left: 0;
    border-left-width: 0;
  }
  
  .toolbar-ios {
  
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
    min-height: 55px !important;
  }
  
  .header-ios>.toolbar-ios:last-child {
    min-height: 44px !important;
  
    .bar-buttons {
      padding-top: 20px;
    }
  }
  
  .list-ios {
    margin: 10px 0 32px;
  }
  
  .item-block {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  data-hints div {
    color: #ccc;
  }
  
  data-hints span {
    border-color: #999;
  }
  
  .toolbar-ios .segment-button {
    max-width: 100px;
    height: 2.6rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
   
  ion-header {
    ion-toolbar {
      &:last-child {
        --padding-bottom: 0;
        --min-height: 50px;
      }
    }
  }

  .btnOpen{
    color :greenyellow;
      
  }
  .btnClose{
    color: red;  }


  
  // .tabs {
  //   position: relative;
  //   height: 100%;
  // }
  // .container {
  //   position: absolute;
  //   top: 0;
  //   bottom: 0;
  //   left: 0;
  //   right: 0;
  // }
  
  // .container-content {
  //   position: relative; 
  //   display: none;
  //   overflow-y: scroll;
  // }
  
  // .show {
  //   display: block;
  // }